﻿@using E_Ticaret.Models;
@{
    //Layout = "~/Views/Shared/_Layout.cshtml";
    Layout = null;
}
@model HomeVm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    @{Html.RenderPartial("Scriptler");}
</head>
<body>
    <!-- Top -->
    <div id="top">
        <div class="shell">
            <!-- Header -->
            <div id="header">
                <h1 id="logo">
                    <a href="#">E-Ticaret MVC</a></h1>
                @{Html.RenderPartial("Navigation");}
            </div>
            <!-- End Header -->
            <!-- Slider -->
            <div id="slider">
                <div id="slider-holder">
                    <ul>
                        <li><a href="#">
                            <img src="/Content/themes/css/images/slide1.jpg" alt="" /></a></li>
                        <li><a href="#">
                            <img src="/Content/themes/css/images/slide2.jpg" alt="" /></a></li>
                        <li><a href="#">
                            <img src="/Content/themes/css/images/slide1.jpg" alt="" /></a></li>
                        <li><a href="#">
                            <img src="/Content/themes/css/images/slide2.jpg" alt="" /></a></li>
                        <li><a href="#">
                            <img src="/Content/themes/css/images/slide1.jpg" alt="" /></a></li>
                        <li><a href="#">
                            <img src="/Content/themes/css/images/slide2.jpg" alt="" /></a></li>
                    </ul>
                </div>
                <div id="slider-nav">
                    <a href="#" class="prev">Geri</a> <a href="#" class="next">İleri</a>
                </div>
            </div>
            <!-- End Slider -->
        </div>
    </div>
    <!-- Top -->
    <!-- Main -->
    <div id="main">
        <div class="shell">
            <!-- Search, etc -->
            @{Html.RenderPartial("Option");}
            <!-- End Search, etc -->
            <!-- Content -->
            <div id="content">
                <!-- Tabs -->
                <div class="tabs">
                    @{Html.RenderPartial("CategoryList");}
                </div>
                <!-- Tabs -->
                <!-- Container -->
                <div id="container">
                    <div class="tabbed">
                        @foreach (var clsTab in ViewBag.colKategori)
                        {
                            if (clsTab.ID == 1)
                            {
                            @:<div class="tab-content" style="display: block;">
                            }
                            else
                            {
                            @:<div class="tab-content">
                            }
                            <div class="items"> <div class="cl"> &nbsp;</div> <ul>
                            @foreach (var urun in Model.colUrun.Where(u => u.CatID == clsTab.ID).Take(8))
                            { 
                                <li>
                                @{Html.RenderPartial("UrunDetay", urun);}
                            </li>
                            }
                            </ul> <div class="cl"> &nbsp;</div> </div>
                            
                            if (clsTab.ID == 1)
                            {@Html.Raw("</div>")}
                            else
                            {@Html.Raw("</div>")}
                        
                            <!-- @clsTab.ID Tab Bitti -->
                        }
                        </div> <!-- Brands --> @{Html.RenderPartial("BrandList");} <!-- End Brands --> <!--
                        Footer --> @{Html.RenderPartial("Footer");}<!-- End Footer --> </div>
                        <!-- End Container -->
                    </div>
                    <!-- End Content -->
                </div>
            </div>
            <!-- End Main -->
</body>
</html>
